
<div id="profileUser" class="clear menu-tab" data-tab="profile" >
    <h1 class="label-bigwhite-1 ttcn">Thông tin cá nhân</h1>

    <div class="clear">
        <div id="PlayerInfor">
            <label class="label-white-1">Về <?php echo $userLogInfor['FirstName'] ?></label>
            <br>
            <div class="content">
                <h3>Họ Tên :</h3><span><?php echo $userLogInfor['LastName'] . " " . $userLogInfor['FirstName'] ?></span>
                <br>
                <h3>Giới tính:</h3><span><?php echo $userLogInfor['Gender'] == "1" ? "Nam" : "Nữ" ?></span>
                <br>
                <h3>Địa chỉ:</h3><span><?php echo $userLogInfor['Address'] ?></span>
                <br>
                <h3>Số ĐT:</h3><span><?php echo $userLogInfor['Phone'] ?></span>
                <br>
                <h3>Email:</h3><span><?php echo $userLogInfor['Email'] ?></span>
            </div>
        </div>

        <div id="PlayerBalanceInfor">
            <label class="label-white-1">Tài khoản</label>
            <br>
            <div class="content">
                <h3>Số tiền hiện tại:</h3><span class="current-money"><?php echo $userLogInfor['BMoney'] ?> VND</span>
            </div>
        </div>

    </div>



    <div id="PlayerupdatePassword">
        <a class="link-1 title-toggle">Change Password</a>
        <form class="content-toggle none" id="frmUpdatePassword">
            <div>
                <label>Mật khẩu cũ</label>
                <input type="text" name="oldPassword" value=""/>
                <div class="notification"></div>
            </div>
            <div>
                <label>Mật khẩu mới</label>
                <input type="password" name="newPassword" value="" />
                <div class="notification"></div>
            </div>
            <div>
                <label>Xác nhận mật khẩu</label>
                <input type="password" name="confirmPassword" value=""/>
                <div class="notification"></div>
            </div>
            <div class="button">
                <input class="button-red-1" type="button" name="submit" value="Update" />
                &nbsp;&nbsp;&nbsp;
                <input class="button-red-1" type="reset" name="action" value="Clear"/>
            </div>
        </form>
    </div>
    <script>
        ajaxUpdatePasswordPlayer();

        function ajaxUpdatePasswordPlayer() {
            var $oldPassword = $('form#frmUpdatePassword [name="oldPassword"]');
            var $newPassword = $('form#frmUpdatePassword [name="newPassword"]');
            var $confirmPassword = $('form#frmUpdatePassword [name="confirmPassword"]');

            $('#frmUpdatePassword [name="submit"]').on('click', function() {
                if (validateUpdatePasswordPlayer()) {
                    $.ajax({
                        url: 'login.php',
                        type: 'POST',
                        data: {
                            action: 'CHECKOLDPASSWORDPLAYER',
                            oldPassword: $oldPassword.val()
                        },
                        success: function(data) {
                            $oldPassword.siblings('.notification').hide().text('');
                            var result = JSON.parse(data);
                            if (result) {
                                $.ajax({
                                    url: 'login.php',
                                    type: 'POST',
                                    data: {
                                        action: 'UPDATENEWPASSWORDPLAYER',
                                        newPassword: $newPassword.val(),
                                    },
                                    success: function(data) {
                                        $oldPassword.val('');
                                        $newPassword.val('');
                                        $confirmPassword.val('');
                                        var result = JSON.parse(data);
                                        if (result) {
                                            openDialogMessage("Thông Báo", "Change password thành công !");
                                        } else {
                                            openDialogMessage("Thông Báo", "Change password thất bại !");
                                        }
                                    }
                                });
                            } else {
                                $oldPassword.siblings('.notification').show().text('Old password is incorrect !');
                                $oldPassword.focus();
                            }
                        }
                    });
                }
            });

            function validateUpdatePasswordPlayer() {
                var rq1 = validateRequired($oldPassword, "Old Password is required !");
                var rq2 = validateRequired($newPassword, "New Password is required !");
                var rq3 = validateMatch($newPassword, $confirmPassword, "Confirm Password not match !");
                return rq1 && rq2 && rq3;
            }
        }
    </script>


    <div id="PlayerBetHistory">
        <label class="label-white-1">Lịch sử đánh đề</label>
        <br>
        <div class="content">
            <form id="frmPlayerBetHistory" class="sodedate">
                <span>Từ ngày</span>
                <input type="text" value="" id="playerBetHistoryDateFrom"/>
                <span>Tới ngày</span>
                <input type="text" value="" id="playerBetHistoryDateTo"/>
                <input class="button-red-1" type="button" name="submit" value="Xem Lịch sử"/>
            </form>
            <div id="tablePlayerBetHistory"></div>
        </div>
    </div>
    <script>
        initPlayerBetHistoryDateRange();
        handleShowPlayerBetHistory();

        function initPlayerBetHistoryDateRange() {
            $("#playerBetHistoryDateFrom").datepicker({
                dateFormat: "dd-mm-yy",
                monthNamesShort: ["Tháng 01", "Tháng 02", "Tháng 03", "Tháng 04", "Tháng 05", "Tháng 06", "Tháng 07", "Tháng 08", "Tháng 09", "Tháng 10", "Tháng 11", "Tháng 12"],
                dayNamesMin: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"],
                firstDay: 1,
                changeMonth: true,
                changeYear: true,
                numberOfMonths: 1,
                onClose: function(selectedDate) {
                    $("#playerBetHistoryDateTo").datepicker("option", "minDate", selectedDate);
                }
            });
            $("#playerBetHistoryDateTo").datepicker({
                dateFormat: "dd-mm-yy",
                monthNamesShort: ["Tháng 01", "Tháng 02", "Tháng 03", "Tháng 04", "Tháng 05", "Tháng 06", "Tháng 07", "Tháng 08", "Tháng 09", "Tháng 10", "Tháng 11", "Tháng 12"],
                dayNamesMin: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"],
                firstDay: 1,
                changeMonth: true,
                changeYear: true,
                numberOfMonths: 1,
                onClose: function(selectedDate) {
                    $("#playerBetHistoryDateFrom").datepicker("option", "maxDate", selectedDate);
                }
            });
        }
        function ajaxShowPlayerBetHistory() {
            var $playerBetHistoryDateFrom = $('#playerBetHistoryDateFrom');
            var $playerBetHistoryDateTo = $('#playerBetHistoryDateTo');
            $.ajax({
                url: 'login.php',
                type: 'POST',
                data: {
                    action: 'SHOWPLAYERBETHISTORY',
                    playerBetHistoryDateFrom: $playerBetHistoryDateFrom.val(),
                    playerBetHistoryDateTo: $playerBetHistoryDateTo.val()
                },
                beforeSend: function() {
                    mb.createloadingTable1('#tablePlayerBetHistory');
                },
                success: function(data) {
                    $('#tablePlayerBetHistory').html(data);
                },
                complete: function() {
                    mb.destroyloadingTable1();
                }
            });
        }
        function handleShowPlayerBetHistory() {
            $('#frmPlayerBetHistory [name="submit"]').click(function() {
                ajaxShowPlayerBetHistory();
            });
        }
    </script>

</div>
